<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'>
        <title>Ustream Documents</title>
        <link rel="stylesheet" href="reset.css" type="text/css"/>
        <link rel="stylesheet" href="style.css" type="text/css"/>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script src="http://apis.google.com/js/client.js"></script>
        <script type="text/javascript" src="js/modeselector.js"></script>
		<script type="text/javascript" src="js/activeslidecontroller.js"></script>
        <script type="text/javascript" src="js/player.js"></script>
        <script type="text/javascript" src="js/google.js"></script>
        <script type="text/javascript" src="js/app.js"></script>
        <script type="text/javascript" src="http://static-cdn1.ustream.tv/js/libs/ustream-embedapi.js"></script>
        <script>
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-60089930-2', 'auto');
          ga('send', 'pageview');

        </script>
    </head>
    <body>
        <div id="loginOverlay">
        	<div class="alignMiddle">
	        	<img src="logo.png" alt="logo" class="logo" /> Documents
	        	<div id="loginMessage">
	        	<p>To view this content you must authenticate yourself with a proper Google account.</p>
	        	<span id="login_btn" class="button">Log in with Google</span>
	        	</div>
	        </div>
        </div>
        <div id="container" class="mode_skimmer">
            <div id="playerbg"><div id="player"></div></div>
            <div id="title" data-video=""><div class="alignMiddle">
                <img src="logo.png" alt="logo" class="logo" /> Documents
                <h1></h1>
                
                <p></p>
                <span id="startbutton_play" class="titleButton">Play</span>
                <span id="startbutton_skim" class="titleButton">Browse</span>
                <span id="startbutton_read" class="titleButton">Read</span>
            </div></div>
            <div id="secondary">

            </div>
            <div id="main">

            </div>

            <div id="modeselector_container"></div>
			<div id="toactive_container"></div>
            <div id="loaderAnim"><div class="alignMiddle"><div class="loaderCube"></div><div class="loaderCube loaderCube2"></div><div class="loaderCube loaderCube3"></div></div></div>
        </div>
    </body>
</html>